<ion-header>
    <ion-navbar>
      <ion-title>
        列表案例2
      </ion-title>
    </ion-navbar>
  </ion-header>
  <ion-content>
    <h1>复杂列表</h1>

    <!--复杂列表，使用到了ion-list、标签-->
    <ion-list>
      <!--将点击的item传递进去-->
      <ion-item (click)="clickItem(item)"  *ngFor="let item of users">
        
        <!--通过ion-avatar 来设置头像,可以将方形的，设置成为圆形的头像-->
        <ion-avatar  item-start>
            <img src="{{item.img}}">
        </ion-avatar>
        <h2>{{item.name}}</h2>
        <p>{{item.description}}</p>
        <!--表示在列表的后面-->
        <p item-end>{{item.gender?'男':'女'}}, {{year_now - item.age}} 岁</p>
      </ion-item>
    </ion-list>

  </ion-content>